<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>TechPro – IT Solutions & Business Services Multipurpose HTML5 Template</title>
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="16x16">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="18x18">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="20x20">

	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">
	<link rel="stylesheet" href="static/css/font-awesome-pro.css">
	<link rel="stylesheet" href="static/css/animate.css">
	<link rel="stylesheet" href="static/css/glightbox.min.css">
	<link rel="stylesheet" href="static/css/scrollCue.css">
	<link rel="stylesheet" href="static/css/swiper-bundle.css">
	<link rel="stylesheet" href="static/css/spacing.css">
	<link rel="stylesheet" href="static/css/main.css">
	<link rel="stylesheet" href="static/css/responsive.css">

</head>
<body>
	<!-- Preloader -->
	<div class="preloader">
     	<div class="loading-container">
        	<div class="loading"></div>
        	<div id="loading-icon">
        		<img src="static/picture/favicon.png" alt="TechPro">
        	</div>
     	</div>
  	</div>

	<!-- Header -->
	<header class="header sticky-header">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-4 col-5 align-self-center">
					<div class="logo">
						<a href="index.html">
							<img class="sticky-logo" src="static/picture/logo.png" alt="Logo">
							<img src="static/picture/white-logo.png" alt="white-logo">
						</a>
					</div>
				</div>
				<div class="col-lg-10 col-md-8 col-7">
					<div class="h-right-button">
						<a class="button-1" href="#">Get Consultant</a>
					</div>

					<!-- Menu -->
	                <div class="canvas_open_full">
	                    <div class="canvas_open">
	                        <a href="javascript:void(0)">
	                            <i class="fa-sharp fa-solid fa-bars-staggered"></i>
	                        </a>
	                    </div>
	                </div>
	                <div class="menu">
	                    <nav>
	                        <ul>
								<li class="menu-item-has-children"><a href="#">Home</a>
									<ul class="sub-menu">
										<li><a href="index.html">Home 01</a></li>
										<li><a href="index2.html">Home 02</a></li>
										<li><a href="index3.html">Home 03</a></li>
										<li><a href="index4.html">Home 04</a></li>
										<li><a href="index5.html">Home 05</a></li>
										<li><a href="index1-dark.html">Home 01 Dark</a></li>
										<li><a href="index2-dark.html">Home 02 Dark</a></li>
										<li><a href="index3-dark.html">Home 03 Dark</a></li>
										<li><a href="index4-dark.html">Home 04 Dark</a></li>
										<li><a href="index5-dark.html">Home 05 Dark</a></li>
									</ul>
								</li>
								<li><a href="about.html">About Us</a></li>
								<li class="menu-item-has-children"><a href="#">Services</a>
									<ul class="sub-menu">
										<li><a href="services.html">Services</a></li>
										<li><a href="services-details.html">Services Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Portfolio</a>
									<ul class="sub-menu">
										<li><a href="portfolio.html">Portfolio</a></li>
										<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
										<li><a href="portfolio-details.html">Portfolio Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Page</a>
									<ul class="sub-menu">
										<li><a href="team.html">Team</a></li>
										<li><a href="pricing-plan.html">Pricing & Plans</a></li>
										<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
										<li><a href="testimonial.html">Testimonials</a></li>
										<li><a href="faq.html">Faq</a></li>
										<li><a href="">404 Error</a></li>
										<li><a href="terms-conditions.html">Terms & Conditions</a></li>
										<li><a href="privacy-policy.html">Privacy Policy</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Blog</a>
									<ul class="sub-menu">
										<li><a href="blog.html">Blog</a></li>
										<li><a href="blog-standard.html">Blog Standard</a></li>
										<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
										<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
										<li><a href="single.html">Blog Details</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
	                    </nav>
	                </div>

				</div>
			</div>
		</div>
	</header>
	<div class="mobile-menu-area">
	    <!--offcanvas menu area start-->
	    <div class="off_canvars_overlay">
	                
	    </div>
	    <div class="offcanvas_menu">
	        <div class="offcanvas_menu_wrapper">
	            <div class="canvas_close">
	                <a href="javascript:void(0)"><i class="bi bi-x-lg"></i></a>  
	            </div>
	            <div class="mobile-logo">
	                <a href="index.html">
	                    <img src="static/picture/logo.png" alt="Logo">
	                </a>
	            </div>
	            <div id="menu" class="text-left ">
	                <ul class="offcanvas_main_menu">
	                    <li class="menu-item-has-children"><a href="index.html">Home</a>
							<ul class="sub-menu">
								<li><a href="index.html">Home 01</a></li>
								<li><a href="index2.html">Home 02</a></li>
								<li><a href="index3.html">Home 03</a></li>
								<li><a href="index4.html">Home 04</a></li>
								<li><a href="index5.html">Home 05</a></li>
								<li><a href="index1-dark.html">Home 01 Dark</a></li>
								<li><a href="index2-dark.html">Home 02 Dark</a></li>
								<li><a href="index3-dark.html">Home 03 Dark</a></li>
								<li><a href="index4-dark.html">Home 04 Dark</a></li>
								<li><a href="index5-dark.html">Home 05 Dark</a></li>
							</ul>
						</li>
						<li><a href="about.html">About Us</a></li>
						<li class="menu-item-has-children"><a href="services.html">Services</a>
							<ul class="sub-menu">
								<li><a href="services.html">Services</a></li>
								<li><a href="services-details.html">Services Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio</a></li>
								<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
								<li><a href="portfolio-details.html">Portfolio Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">Page</a>
							<ul class="sub-menu">
								<li><a href="team.html">Team</a></li>
								<li><a href="pricing-plan.html">Pricing & Plans</a></li>
								<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
								<li><a href="testimonial.html">Testimonials</a></li>
								<li><a href="faq.html">Faq</a></li>
								<li><a href="">404 Error</a></li>
								<li><a href="terms-conditions.html">Terms & Conditions</a></li>
								<li><a href="privacy-policy.html">Privacy Policy</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="blog.html">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-standard.html">Blog Standard</a></li>
								<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
								<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
								<li><a href="single.html">Blog Details</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact Us</a></li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- End Header Section -->

	<!-- Breadcrumb Section -->
	<section class="breadcrumb-section text-center pt-200 pb-140" style="background-image: url('static/image/breadcrumb.png');">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="content">
                        <h2>Error Page</h2>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li>404</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Start 404 Content -->
    <div class="error-page-404 pt-100 pb-100">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<div class="container">
						<div class="row">
							<div class="content">
								<h2>404</h2>
								<h4>Page Not Found</h4>
								<p>Oops! The Page You Were Asking For Dose not Exist. Try Search Our Site For What You Are Looking For.</p>
								<a class="button-1" href="index.html">Back to Home</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- End 404 Content -->

	<!-- Footer Start -->
	<footer class="site-footer">
		<div class="footer-bg-dot" style="background-image: url('static/image/dot-a-white.png')"></div>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<div class="f-logo">
								<a href="index.html">
									<img src="static/picture/white-logo.png" alt="Logo">
								</a>
							</div>
							<p class="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sit commodi adipisci, asperiores illum excepturi quidem fuga aliquam fugit laudantium!</p>
							<div class="footer-social">
								<div class="footer-social">
									<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
									<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
									<span><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></span>					
								</div>
							
							</div>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Company</h2>
							<ul class="menu">
								<li><a href="#">Company Profile</a></li>
								<li><a href="#">Help Center</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Team Members</a></li>
								<li><a href="#">Contact Us</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Community</h2>
							<ul class="menu">
								<li><a href="#">Career</a></li>
								<li><a href="#">Leadership</a></li>
								<li><a href="#">Press & Media</a></li>
								<li><a href="#">Projects</a></li>
								<li><a href="#">Marketing Services</a></li>
								<li><a href="#">Challenge Of Project</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Contact Info</h2>
							<ul class="contact-info">
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-house"></i>
									</div>
									<div class="content">
										<h4>Address:</h4>
										<p>5919 Trussville Crossings Pkwy, Birmingham</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-envelope"></i>
									</div>
									<div class="content">
										<h4>Email:</h4>
										<p>support@gmail.com</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-regular fa-phone-flip"></i>
									</div>
									<div class="content">
										<h4>Phone:</h4>
										<p>+456 123 4455</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom -->
		<div class="footer-bottom pt-30 pb-30">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="copy-text">
							<p>Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- Footer End -->
	
	<div class="scroll-area">
	   <i class="fa-regular fa-arrow-up"></i>
	</div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/main.js"></script>
</body>
</html>